﻿@model IEnumerable<Productos_Electrodomesticos.Models.Producto>

@{
    ViewBag.Title = "El Enchufe";
    Layout = "~/Views/Shared/_ProductoLayout.cshtml";
}

<h2 style="text-align: center" >Productos</h2>

<form id="busqueda_form"> 
    <label> 
        <span>Buscar un producto: </span> 
        <input type="text" name="term" value="@Request["term"]"/> 
    </label> 
    <input type="submit" value="Buscar" id="buscar"/> 
</form>

<div id="resultados">
</div>

@section scripts {
    <!-- comentario scripts -->
    <script type="text/javascript">
        function buscar(term) {
            $.ajax({
                url: "@Url.Action("BuscarArticulosPartial")",
                data: "term=" + term, // no tengo información adicional que transmitir en el GET
                success: function (data, textStatus, jqXHR) {
                    console.log("resultado", data);
                    $("#resultados").html(data);
                },
                dataType: "html"
            });
        }

        $(document).ready(function () {
            console.log("ready");
            buscar("@Request["term"]");

            $("#busqueda_form").submit(function () {
                console.log("submit");
                buscar(this.term.value);
                return false;
            });

        });
    </script>
}